<template>
  <div class="start-container">
    <b-button
      v-for="item in sourceList"
      :key="item.idx"
      variant="light"
      class="list-button"
    >{{item.title}}</b-button>
  </div>
</template>

<script>
export default {
  computed: {
    sourceList() {
      return this.$store.state.data.list;
    }
  },
  created() {
    this.$store.dispatch("loadList");
  }
};
</script>

<style scoped>
.start-container {
  display: grid;
  row-gap: 1em;
}
.list-button {
  padding: 1em 0.5em;
}
</style>